<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>添加出行计划信息</title>
</head>
<body>
<div style="text-align: center; margin: auto">
    <h1>添加出行计划信息</h1>
    <form method="post" th:action="|@{#request.contextPath}/add|">
        <input th:type="hidden" th:name="status" value="0">
        <p>出差人员 : <input th:type="text" th:id="userName" th:name="userName"/></p>
        <p>出差人职位 : <input th:type="text" th:id="duty" th:name="duty"/></p>
        <p>出行方式 :
            <select th:name="tripModeId" th:id="tripModeId">
                <option value="0">--请选择--</option>
                <option value="1">公共交通</option>
                <option value="2">高铁</option>
                <option value="3">飞机</option>
                <option value="4">公司派车</option>
                <option value="5">自驾</option>
                <option value="6">其他</option>
            </select>
        </p>
        <p>出行日期 : <input th:type="datetime-local" th:id="departTime" th:name="departTime"/></p>

        <p>相关操作 :
            <input th:type="submit" th:value="添加">
            <input type="button" onclick='location.href= ("list")' value="返回"/>
        </p>
    </form>
</div>
<script th:src="@{/js/jquery.js}"></script>
<script th:inline="javascript">

    $(function () {
        $('form').submit(function (){
            let userName = $('#userName').val()
            if (userName == ''){
                alert("出差人员不能为空")
                return false;
            }

            let duty = $('#duty').val()
            if (duty == ''){
                alert("出差人职位不能为空")
                return false;
            }

            let tripModeId = $('#tripModeId').val()
            if (pid == '--请选择--'){
                alert("出行方式不能为空")
                return false;
            }

            let departTime = $('#departTime').val()
            if (departTime == ''){
                alert("出行日期不能为空")
                return false;
            }


        })
    })

</script>
</body>
</html>